html {
    font-family: \\5FAE\8F6F\96C5\9ED1, \\5B8B\4F53, Helvetica Neue, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    touch-action: none
}

body {
    padding: 0;
    margin: 0;
    color: #333;
    line-height: 1.42857143;
    background-color: #f2f2f2;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-highlight: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none
}

@media screen and (min-width: 320px) and (max-width: 359px) {
    html {
        font-size: 50px
    }
}

@media screen and (min-width: 360px) and (max-width: 374px) {
    html {
        font-size: 56.25px
    }
}

@media screen and (min-width: 375px) and (max-width: 383px) {
    html {
        font-size: 58.59375px
    }
}

@media screen and (min-width: 384px) and (max-width: 399px) {
    html {
        font-size: 60px
    }
}

@media screen and (min-width: 400px) and (max-width: 413px) {
    html {
        font-size: 62.5px
    }
}

@media screen and (min-width: 414px) and (max-width: 431px) {
    html {
        font-size: 64.6875px
    }
}

@media screen and (min-width: 432px) and (max-width: 479px) {
    html {
        font-size: 67.5px
    }
}

@media screen and (min-width: 480px) and (max-width: 539px) {
    html {
        font-size: 75px
    }
}

@media screen and (min-width: 540px) and (max-width: 639px) {
    html {
        font-size: 84.375px
    }
}

@media screen and (min-width: 640px) {
    html {
        font-size: 100px
    }

    body {
        max-width: 640px !important;
        margin: 0 auto !important
    }
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

a, a:visited {
    text-decoration: none
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0
}

/**, :after, :before {*/
    /*box-sizing: border-box*/
/*}*/

/*img {*/
    /*vertical-align: middle*/
/*}*/

header {
    width: 100%;
    height: 3.5em;
    box-shadow: 0 0 .3125em #b7b7b7;
    background-color: #fff;
    margin-bottom: .3125em
}

li, ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

button, input, select, textarea {
    outline: none
}

h1 {
    font-size: .341333rem
}

.z-index_lowest {
    z-index: -9999 !important
}

.scrollbar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .3);
    background-color: transparent
}

.scrollbar::-webkit-scrollbar {
    width: 0;
    background-color: transparent
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #555
}

#dd-alert, #dd-confirm {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

#alert, #dd-alert, #dd-confirm {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#alert {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    width: 61.8%;
    background-color: #f2f2f2;
    border-radius: .1024rem
}

.alert-body {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 2.048rem;
    font-size: .273067rem;
    padding: .170667rem;
    color: #3c3047;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.alert-body, .alert-close {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.alert-close {
    position: absolute;
    top: -.256rem;
    right: -.256rem;
    width: .512rem;
    height: .512rem;
    border-radius: 50%;
    border: .034133rem solid #fff;
    background-color: #f2f2f2
}

.alert-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.alert-close:after, .alert-close:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: .273067rem;
    height: .034133rem;
    border-radius: .034133rem;
    background-color: #2d2535
}

.alert-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#confirm {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    width: 50%;
    border-radius: .1024rem;
    background-color: #fff
}

.confirm-header {
    font-size: .2048rem;
    padding: 0 .170667rem;
    height: .512rem;
    color: #3c3047;
/ /: 1 px solid #999;
    border-top-left-radius: .1024rem;
    border-top-right-radius: .1024rem
}

.confirm-body, .confirm-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.confirm-body {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .238933rem;
    color: #2d2535;
    padding: .170667rem;
    min-height: 1.706667rem
}

.confirm-footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    height: .6144rem;
    border-top: .017067rem solid #f2f2f2
}

.confirm-center, .confirm-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.confirm-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: .273067rem;
    color: #e94a3c
}

.confirm-cancel:before {
    position: absolute;
    left: 0;
    content: "";
    height: .341333rem;
    width: .034133rem;
    background-color: #f2f2f2
}

.confirm-cancel {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: .273067rem
}

.backdrop-enter-active, .backdrop-leave-active, .discountPrompt-leave-active {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.backdrop-enter, .backdrop-leave-to, .discountPrompt-leave-to {
    opacity: 0
}

.scale-leave-active {
    -webkit-animation: bounce-in .5s reverse;
    animation: bounce-in .5s reverse
}

.discountPrompt-enter-active, .scale-enter-active {
    -webkit-animation: bounce-in .5s;
    animation: bounce-in .5s
}

@-webkit-keyframes bounce-in {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce-in {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.scale-fade-enter-active, .scale-fade-leave-active {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.scale-fade-enter, .scale-fade-leave-to {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.scale-fade-enter-to, .scale-fade-leave {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.slide-down-enter, .slide-down-leave-to {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
    opacity: 0
}

.slide-down-enter-to, .slide-down-leave {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.slide-down-enter-active, .slide-down-leave-active {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.stretch-down-enter, .stretch-down-leave-to {
    -webkit-transform: scaleY(.7) translateY(-30px);
    transform: scaleY(.7) translateY(-30px);
    opacity: 0
}

.stretch-down-enter-active, .stretch-down-leave-active {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.stretch-down-enter-to, .stretch-down-leave {
    -webkit-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0);
    opacity: 1
}

.slide-up-enter, .slide-up-leave-to {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0
}

.slide-up-enter-active, .slide-up-leave-active {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-up-enter-to, .slide-up-leave {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.hide {
    display: none
}

.loading {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    font-size: .273067rem;
    text-align: center
}

#App, body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#App {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

#APP-body {
    -webkit-flex-basis: 100%;
    flex-basis: 100%
}

#APP-body, #info-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap
}

#info-bar {
    position: relative;
    width: 100%;
    padding: .085333rem;
    height: .938667rem;
    background-color: #fff
}

.shop-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.shop-info_logo {
    width: .768rem;
    height: .768rem;
    background-size: 100%;
    background-repeat: no-repeat
}

.shop-info_logo, .shop-info_name {
    display: inline-block;
    vertical-align: middle
}

.shop-info_name {
    margin-left: .085333rem;
    font-size: .273067rem;
    color: #333
}

.operation-btns {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.operation-btns, .operation-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.operation-icon {
    width: .512rem;
    height: .512rem;
    margin-left: .128rem;
    margin-right: .128rem;
    background-size: 100%;
    background-repeat: no-repeat
}

.search-icon {
    background-image: url("http://imgcdn.diandianwaimai.com/dd_op/attached/image/imgs/new_scan_code_seach.png")
}

.ticket-icon {
    position: relative;
    background-image: url("http://imgcdn.diandianwaimai.com/dd_op/attached/image/imgs/new_scan_code_ticket.png")
}

.fn-icon {
    /*background-image: url("http://imgcdn.diandianwaimai.com/dd_op/attached/image/imgs/new_scan_code_menu.png")*/
    background-image: url("../../img/menu.png")
}

.ticket-icon > b {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: .375467rem;
    height: .375467rem;
    top: -.2048rem;
    right: -.085333rem;
    border: .034133rem solid #fff;
    border-radius: .853333rem;
    font-size: .2048rem;
    background-color: #ed4839;
    font-weight: 400;
    color: #fff;
    font-style: normal
}

#nav-area {
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    background-color: #f5f4f3;
    width: 1.314133rem;
    padding-bottom: 1.877333rem
}

.group_num {
    top: .068267rem;
    right: .068267rem;
    width: .341333rem;
    height: .341333rem;
    font-size: .2048rem;
    background-color: rgba(233, 74, 60, .85)
}

.group_num, .suti-group_num {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border-radius: 50%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff
}

.suti-group_num {
    top: -.1536rem;
    right: -.170667rem;
    width: .3072rem;
    height: .3072rem;
    font-size: .170667rem;
    background-color: rgba(233, 74, 60, .7)
}

.def, .selected {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: .256rem .136533rem;
    color: #7c7c7c;
    font-size: .238933rem
}

.selected {
    color: #e94a3c;
    font-weight: 800
}

#menu-area, .selected {
    background-color: #fff
}

#menu-area {
    display: block;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    padding-left: .221867rem;
    padding-bottom: 1.706667rem
}

.scrollbar {
    overflow: auto;
    will-change: scroll-position;
    -webkit-overflow-scrolling: touch
}

.group-title {
    display: block;
    width: 100%;
    padding: .1024rem 0;
    font-size: .238933rem;
    color: #e94a3c;
    line-height: 1;
    border-bottom: .017067rem dashed #e7e7e7
}

.big-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    padding: .2048rem 0;
    padding-right: .170667rem;
    border-bottom: .017067rem solid #fafafa
}

.big-menu, .bigMenu-pic {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%
}

.bigMenu-pic {
    height: 2.048rem;
    border-radius: .068267rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.bigMenu-info, .bigMenu-name-sale {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column
}

.bigMenu-name-sale {
    width: 100%;
    margin-bottom: .085333rem;
    margin-top: .085333rem
}

.bigMenu-price-option {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bigMenu-price-option, .menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%
}

.menu-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    flex-flow: row;
    padding: .2048rem 0;
    border-bottom: .017067rem solid #fafafa
}

.menu-item_img {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.menu-item_img, .menu_img {
    width: 1.092267rem;
    height: 1.092267rem
}

.menu_img {
    display: block;
    border-radius: .068267rem;
    background-size: 100%;
    background-repeat: no-repeat
}

.menu-item_info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    padding-left: .085333rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.menu-info_name_sale {
    display: block;
    width: 100%;
    margin-bottom: .085333rem
}

.menu_name {
    font-size: .273067rem;
    color: #333
}

.menu_name, .menu_sale {
    display: block;
    width: 100%
}

.menu_sale {
    font-size: .170667rem;
    line-height: 1;
    color: #999
}

.menu-info_price_operate {
    -webkit-box-orient: horizontal;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    width: 100%;
    padding-right: .170667rem
}

.menu-info_price_operate, .menu-info_price_other {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal
}

.menu-info_price_other {
    -webkit-box-orient: vertical;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-flex-basis: 100%;
    flex-basis: 100%
}

.online-discount {
    font-size: .170667rem;
    color: #e94a3c
}

.menu-info_price, .online-discount {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.menu-info_price {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.menu_current_price {
    display: inline-block;
    color: #e94a3c;
    font-size: .2048rem;
    line-height: 1;
    margin-right: .034133rem
}

.menu_current_price > span {
    font-size: .3072rem
}

.small-txt {
    font-size: .2048rem;
    font-weight: 400
}

.menu_original_price {
    display: inline-block;
    font-size: .2048rem;
    text-decoration: line-through;
    color: #999;
    line-height: 1
}

.menu_operate {
    position: relative;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.menu_operate, .operate-select-num {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.operate-select-num {
    position: absolute;
    right: 0;
    top: -.2048rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: .3072rem;
    height: .3072rem;
    border-radius: 50%;
    background-color: #ec6754;
    font-size: .170667rem;
    line-height: 1;
    color: #fff;
    border: .017067rem solid #fff
}

.operate-minus-sign, .operate-plus-sign, .suit-single-empty-sign, .suit-single-selected-sign {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: .426667rem;
    height: .426667rem;
    background-size: 100%;
    background-repeat: no-repeat
}

.operate-minus-sign {
    background-image: url("http://imgcdn.diandianwaimai.com/dd_op/attached/image/imgs/new_scan_code_minus.png")
}

.operate-plus-sign {
    background-image: url("http://imgcdn.diandianwaimai.com/dd_op/attached/image/imgs/new_scan_code_plus.png")
}

.suit-single-empty-sign {
    background-image: url("http://imgcdn.diandianwaimai.com/dd_op/attached/image/imgs/new_scan_code_20170824180613.png")
}

.suit-single-selected-sign {
    background-image: url("http://imgcdn.diandianwaimai.com/dd_op/attached/image/imgs/new_scan_code_20170824180626.png")
}

.operate-plus-frame:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    width: .273067rem;
    height: .034133rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: #ec6754
}

.operate-num {
    font-size: .238933rem;
    color: #333;
    padding-left: .136533rem;
    padding-right: .136533rem
}

.operate-num, .operate-select {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.operate-select {
    width: 1.194667rem;
    height: .426667rem;
    border-radius: .1024rem;
    border: .0256rem solid #ec6754;
    background-color: #fff;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    line-height: .426667rem;
    font-size: .2048rem;
    color: #ec6754
}

@media (max-width: 320px) {
    .operate-minus-sign, .operate-plus-sign {
        width: .512rem;
        height: .512rem
    }

    .operate-select {
        height: .512rem;
        line-height: .512rem;
        width: 1.365333rem
    }

    .operate-select-num {
        width: .375467rem;
        height: .375467rem
    }
}

#emptyShopCar {
    position: absolute;
    left: -.085333rem;
    bottom: .426667rem;
    z-index: 5;
    width: .853333rem;
    height: .768rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("http://imgcdn.diandianwaimai.com/dd_op/attached/image/imgs/new_scan_code_di--2.png")
}

#shopCar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .426667rem;
    z-index: 8;
    width: 5.2736rem;
    height: .768rem;
    margin: auto
}

#shopCar, #shopCar-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    flex-flow: row
}

#shopCar-info {
    width: 3.566933rem;
    background-color: #3c3047;
    border-bottom-left-radius: .768rem;
    border-top-left-radius: .768rem
}

#shopCar-info, .shopCar-icon {
    position: relative;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.shopCar-icon {
    width: .768rem;
    height: .768rem;
    background-image: url("http://imgcdn.diandianwaimai.com/dd_op/attached/image/imgs/new_scan_code_shopcar.png");
    background-size: 100%;
    background-repeat: no-repeat
}

.shopCar-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-left: .170667rem;
    font-size: .273067rem;
    color: #fff
}

.platformFeePrompt {
    font-size: .2048rem
}

.shopCar-num {
    position: absolute;
    top: -.2048rem;
    left: .341333rem;
    z-index: 2;
    width: .4096rem;
    height: .4096rem;
    border-radius: 50%;
    border: .034133rem solid #fff;
    font-size: .2048rem
}

#next-step, .shopCar-num {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #e94a3c;
    color: #fff
}

#next-step {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    border-bottom-right-radius: .768rem;
    border-top-right-radius: .768rem;
    font-size: .341333rem
}

#property-model {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

#preOrder-model, #property-model {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#preOrder-model {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

#preOrder {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    width: 70%;
    height: 50%;
    background-color: #fff;
    border-radius: .068267rem
}

#preOrder-title {
    padding: .085333rem;
    text-align: center;
    font-size: .3072rem;
    color: #e94a3c
}

#preOrder-prompt, #preOrder-title {
    width: 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

#preOrder-prompt {
    padding: 0 0 .085333rem .170667rem;
    font-size: .2048rem;
    color: #b7b7b7;
    font-weight: 400
}

.preOrder-list {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 90%;
    margin: auto;
    padding: .085333rem .170667rem;
    border: .017067rem solid #ec6754;
    border-radius: .1024rem;
    overflow: auto;
    will-change: scroll-position;
    -webkit-overflow-scrolling: touch
}

.preOrder-body {
    position: relative;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    padding: .170667rem
}

.preOrder-body, .preOrder-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.preOrder-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    font-size: .238933rem;
    padding: .085333rem 0;
    color: #333
}

.preOrder-btn {
    width: 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .085333rem
}

.preOrder-btn, .preOrder-btn > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.preOrder-btn > div {
    width: 1.365333rem;
    border-radius: .256rem;
    background-color: rgba(233, 74, 60, .8);
    color: #fff;
    padding: .136533rem;
    font-size: .238933rem;
    line-height: 1
}

.preOrderError {
    color: #b7b7b7
}

.menu-modal {
    -webkit-box-orient: vertical;
    -webkit-flex-flow: column;
    flex-flow: column;
    background-color: #fff
}

.menu-modal, .menu-modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    width: 100%;
    height: auto
}

.menu-modal-header {
    -webkit-box-orient: horizontal;
    -webkit-flex-flow: row;
    flex-flow: row;
    padding-bottom: .136533rem;
    border-bottom: .017067rem solid #f2f2f2
}

.menu-modal-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    background-color: #fff;
    padding: .085333rem;
    padding-bottom: 0;
    border-radius: .034133rem
}

.menu-modal-img > img {
    display: block;
    width: 1.365333rem;
    height: 1.365333rem;
    border-radius: .1024rem
}

.menu-modal-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-flex-basis: 100%;
    flex-basis: 100%
}

.menu-modal-name {
    display: block;
    width: 100%;
    font-size: .273067rem;
    color: #333;
    margin-top: .0512rem
}

.menu-modal-price {
    display: block;
    color: #e46a5b;
    font-size: .238933rem
}

.menu-modal-sale {
    font-size: .2048rem;
    color: #999
}

.menu-modal-price i {
    font-size: .170667rem;
    font-style: normal
}

.menu-modal-price b {
    font-size: .3072rem;
    font-weight: 400
}

.menu-modal-price b.small-txt {
    font-size: .2048rem
}

.modal-minPrice {
    font-size: .3072rem;
    font-weight: 400
}

.menu-modal-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: auto;
    max-height: 6.144rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.property-ul {
    width: 100%;
    padding: .170667rem
}

.property-li {
    display: block;
    width: 100%;
    margin-bottom: .170667rem;
    border-bottom: .017067rem solid #f2f2f2
}

.property-ul > div.property-li:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.property-group-title {
    display: block;
    width: 100%;
    margin-bottom: .136533rem;
    font-size: .238933rem;
    color: #333
}

.property-group-request {
    font-size: .2048rem;
    color: #e94a3c
}

.property-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    height: auto
}

.property-item-default, .property-item-selected {
    display: inline-block;
    height: auto;
    padding: .136533rem;
    border-radius: .1024rem;
    margin-right: .136533rem;
    font-size: .238933rem;
    background-color: #f5f5f5;
    color: #333;
    margin-bottom: .136533rem;
    line-height: 1
}

.property-item-selected {
    background-color: #ec6754;
    color: #fff
}

.menu-modal-footer {
    width: 100%;
    height: .853333rem;
    background-color: #e94a3c
}

#backdrop, .menu-modal-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .273067rem;
    color: #fff
}

#backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    background-color: rgba(0, 0, 0, .6)
}

.suit-modal-body {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-flex-flow: row;
    flex-flow: row
}

.suit-group, .suit-modal-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    height: 6.144rem
}

.suit-group {
    -webkit-box-orient: vertical;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 1.194667rem;
    background-color: #f5f5f5;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.suit-group-name, .suit-group-name_selected {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: .2048rem .2048rem .2048rem .0512rem
}

.suit-group-name_selected {
    background-color: #fff
}

.suit-group-name_selected > span {
    position: relative;
    font-size: .238933rem;
    color: #e94a3c
}

.suit-group-name > span {
    position: relative;
    font-size: .238933rem;
    color: #333
}

.suit-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    height: 6.144rem;
    padding-left: .170667rem
}

.suit-menu-title {
    display: block;
    width: 100%;
    padding-top: .170667rem;
    padding-bottom: .170667rem;
    font-size: .238933rem;
    color: #e46a5b;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    border-bottom: .017067rem solid #f2f2f2
}

.suit-multiple {
    display: block;
    width: 100%;
    padding-bottom: .341333rem
}

.suit-multiple-item {
    -webkit-box-orient: vertical;
    -webkit-flex-flow: column;
    flex-flow: column;
    width: 100%;
    padding: .170667rem 0;
    border-bottom: .017067rem solid #f2f2f2
}

.suit-multiple-item, .suit-multiple-item > div.suit {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal
}

.suit-multiple-item > div.suit {
    -webkit-box-orient: horizontal;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.suit-multiple-item_name {
    font-size: .256rem;
    color: #333
}

.suit-multiple-item-operate, .suit-single-item-operate {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    flex-flow: row;
    padding-right: .256rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.suit-item-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

#search-model {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    -webkit-box-orient: vertical;
    -webkit-flex-flow: column;
    flex-flow: column
}

#search-model, .search-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal
}

.search-header {
    -webkit-box-orient: horizontal;
    -webkit-flex-flow: row;
    flex-flow: row;
    width: 100%;
    padding: .170667rem .170667rem .170667rem .341333rem;
    background-color: #e94a3c;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.search-input {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    flex-flow: row;
    width: 80%;
    height: .512rem;
    background-color: #fff;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: .085333rem;
    padding-right: .085333rem;
    border-radius: .1024rem
}

.search-cancel, .search-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.search-cancel {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    font-size: .273067rem;
    color: #fff
}

.search-model-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: .4096rem;
    height: .4096rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    background-image: url("http://imgcdn.diandianwaimai.com/dd_op/attached/image/imgs/ico_Search_up.png");
    background-size: 100%
}

.search-input > input {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    border: 0;
    padding-left: .085333rem;
    padding-right: .170667rem
}

.search-clear {
    position: absolute;
    top: .085333rem;
    right: .085333rem;
    width: .341333rem;
    height: .341333rem;
    background-image: url("http://imgcdn.diandianwaimai.com/dd_op/attached/image/imgs/ico_delet_up.png");
    background-size: 100%;
    background-repeat: no-repeat
}

.search-model-body {
    position: relative;
    display: block;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.emptySearch {
    width: 100%;
    padding-top: .341333rem;
    display: block;
    font-size: .3072rem;
    color: #fff;
    text-align: center;
    margin: auto
}

#search-list {
    display: block;
    width: 100%;
    padding-left: .170667rem;
    padding-top: .2048rem;
    padding-bottom: .2048rem;
    background-color: #fff
}

#search-list > div.menu-item:first-child, #search-list > div.menu-item:last-child {
    margin-top: 0
}

.model {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 8
}

#shopCarModel {
    bottom: 1.536rem;
    left: 5%;
    z-index: 10;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    width: 90%;
    background-color: #fff
}

#discountPrompt, #shopCarModel {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border-radius: .1024rem
}

#discountPrompt {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 5;
    width: 3.413333rem;
    height: .512rem;
    background-color: #f5f5f5;
    color: #e94a3c;
    font-size: .2048rem;
    top: -.597333rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 320px) {
    #discountPrompt {
        width: 3.925333rem
    }
}

.shopCarModel-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    flex-flow: row;
    height: .6144rem;
    font-size: .256rem;
    padding: 0 .170667rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .017067rem solid #f2f2f2;
    border-top-left-radius: .1024rem;
    border-top-right-radius: .1024rem
}

.shopCarModel-title {
    color: #ec6754
}

.shopCarModel-clean {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.shopCarModel-clean-text {
    color: #b7b7b7
}

.shopCarModel-clean-icon {
    display: inline-block;
    width: .256rem;
    height: .256rem;
    background-image: url();
    background-size: 100%
}

.shopCarModel-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: auto;
    max-height: 4.437333rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.shopCarModel-list {
    display: block;
    width: 100%;
    padding-bottom: .085333rem
}

.shopCarModel-list > li {
    border-bottom: .017067rem solid #f2f2f2
}

.shopCarModel-list > li:last-child {
    border-bottom: 0
}

.shopCarModel-single-item {
    padding: .256rem .2048rem
}

.shopCarModel-single-item, .shopCarModel-suit-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    flex-flow: row;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: auto
}

.shopCarModel-single-item_name {
    font-size: .273067rem;
    color: #333;
    -webkit-flex-basis: 100%;
    flex-basis: 100%
}

.shopCarModel-suit-child_name {
    font-size: .238933rem;
    color: #333;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    padding: .085333rem .2048rem
}

.shopCarModel-suit-child_num {
    font-size: .238933rem;
    color: #333;
    padding-right: .580267rem
}

.shopCarModel-single-item_other, .shopCarModel-suit-child_num {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.shopCarModel-single-item_other {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    flex-flow: row
}

.shopCarModel-item-price {
    font-size: .238933rem;
    color: #ec6754;
    margin-right: .170667rem
}

.shopCarModel-suit-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    width: 100%;
    height: auto;
    padding: .256rem .2048rem .170667rem
}

.emptyShopCar-enter, .emptyShopCar-leave-to {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    opacity: 0
}

.emptyShopCar-enter-active, .emptyShopCar-leave-active {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.emptyShopCar-enter-to, .emptyShopCar-leave {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.shopCarBar-enter, .shopCarBar-leave-to {
    -webkit-transform: translateX(-32px);
    transform: translateX(-32px);
    opacity: 0
}

.shopCarBar-enter-active, .shopCarBar-leave-active {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.shopCarBar-enter-to, .shopCarBar-leave {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.shopCarModel-suit-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    flex-flow: row;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: auto
}

#jump-page {
    position: absolute;
    top: .938667rem;
    right: .170667rem;
    width: 1.365333rem;
    z-index: 5;
    background-color: #ed4839;
    border-radius: .068267rem
}

#jump-page > div:last-child {
    border-top: .017067rem solid #fff
}

.page-class {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: .682667rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .238933rem;
    color: #fff
}

.jump-triangle {
    position: absolute;
    top: -.136533rem;
    right: .136533rem;
    width: 0;
    height: 0;
    border-left: .170667rem solid transparent;
    border-right: .170667rem solid transparent;
    border-bottom: .170667rem solid #ed4839
}

.sale-down {
    width: 1.706667rem;
    height: .512rem;
    background-color: #e6e6e6;
    font-size: .238933rem;
    color: #7c7c7c;
    border-radius: .068267rem
}

#coupons, .sale-down {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

#coupons {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

#coupons, .couponList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column
}

.couponList {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 86%;
    max-height: 80%;
    background-color: #fff;
    border-radius: .1024rem;
    padding-top: .170667rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.coupon-item {
    -webkit-box-orient: horizontal;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 90%;
    height: 1.365333rem;
    margin: auto;
    background-color: #fbe4e4;
    border-radius: .068267rem;
    margin-bottom: .170667rem
}

.coupon-info, .coupon-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal
}

.coupon-info {
    -webkit-box-orient: vertical;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    padding: 0 .170667rem
}

.coupon-title {
    font-size: .273067rem;
    padding-left: .0512rem;
    color: #555
}

.coupon-day, .coupon-title {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.coupon-day {
    font-size: .2048rem;
    color: #aaa6a6
}

.coupon-amount {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    flex-flow: row;
    width: 1.536rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.coupon-amount_num {
    display: inline-block;
    font-size: .477867rem;
    color: #ea5742
}

.coupon-amount_num:after {
    content: " \5143";
    color: #ea5742;
    font-size: .238933rem
}

.coupon-close {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .170667rem;
    bottom: -1.024rem;
    width: 100%;
    z-index: 5;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.coupon-close > i {
    width: .682667rem;
    height: .682667rem;
    background-image: url("http://imgcdn.diandianwaimai.com/dd_op/attached/image/imgs/ico_delete_up_new.png");
    background-size: 100%
}

#advert {
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, .6);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

#advert, .advert-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.advert-img {
    position: relative;
    width: 80%;
    max-height: 68.2%
}

.advert-img > div {
    width: 100%;
    height: 6.826667rem;
    background-position: 50%
}

.advert-img > div, .parabola {
    background-size: 100%;
    background-repeat: no-repeat
}

.parabola {
    position: fixed;
    top: -8.533333rem;
    left: -8.533333rem;
    width: .686933rem;
    height: .558933rem;
    z-index: 999;
    background-image: url("http://imgcdn.diandianwaimai.com/dd_op/attached/image/imgs/20170620102801.png")
}

.list-item {
    display: inline-block;
    margin-right: .170667rem
}

.search-list-enter-active, .search-list-leave-active {
    -webkit-transition: all .5s;
    transition: all .5s
}

.search-list-enter, .search-list-leave-to {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
}